<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title><?php $webname=$user->webname?:$_SERVER['WEB_NAME'];echo $webname;?></title>
	<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_2511819_85tptd5wyu8.css">
	<link rel="stylesheet" href="/layui/css/layui.css">
	<link href="/assets/stylesheets/font.css" rel="stylesheet" />
	<link href="/assets/stylesheets/font-awesome.min.css" rel="stylesheet" />
	<style type="text/css">
		html{
			height: 100%;
			overflow: hidden;
			/*min-width: 1280px;*/
		}
		body{
			color: #1F2935;
			font-size: 14px;
			height: 100%;
			overflow: hidden;
			position: relative;
		}
		.Home_container{
			height: 100%;
			overflow: hidden;
			display: flex;
		}
		.Home_menu_container{
			width: 200px;
		}
		.Home_MenuLogo_container{
			width: 200px;
			height: 60px;
			display: flex;
			align-items: center;
			justify-content: center;
			background: #4A7DF4;
			border-bottom: 1px solid #5084FF;
		}
		.Home_MenuLogo_container a img{
			width: 140px;
			height: 36px;
		}
		.Home_MenuList_container{
			height: calc(100% - 60px);
			background: #FFF;
			overflow-x: hidden;
			overflow-y: auto;
		}
		.Home_MenuList_container::-webkit-scrollbar {
		 /*滚动条整体样式*/
		 width : 0px;  /*高宽分别对应横竖滚动条的尺寸*/
		 height: 1px;
		 }
		.Home_MenuList_container::-webkit-scrollbar-thumb {
		 /*滚动条里面小方块*/
		 border-radius: 10px;
		 box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
		 background   : #999;
		 }
		.Home_MenuList_container::-webkit-scrollbar-track {
		 /*滚动条里面轨道*/
		 box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
		 border-radius: 10px;
		 background   : #c1c1c1;
		 }
		.Home_MenuListLi_container{

		}
		.Home_MenuListFrist_container{
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 15px 19px;
			cursor: pointer;
			background: #fff;
		}
		.Home_MenuListFristLeft_container{
			display: flex;
			align-items: center;
		}
		.Home_MenuListFristLeft_container i{
			color: #526070;
			font-size: 18px;
			margin-right: 8px;
			/*width: 18px;
			height: 18px;*/
		}
		.Home_MenuListFristLeft_container span{
			color: #1F2935;
			font-size: 14px;
		}
		.Home_MenuListFristRight_container{
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.Home_MenuListFristRight_container i{
			font-size: 12px;
			color: #526070;
			transform: scale(0.8);
			padding-top: 4px;
		}
		.Home_MenuListSecend_container{
			
		}
		.Home_MenuListSecend_container li{
			background: #fff;
			display: flex;
		}
		.Home_MenuListSecend_container li a{
			font-size: 14px;
			color:#1F2935;
			padding: 14px 0 14px 61px;
			flex: 1;
		}
		.Home_MenuListSecend_active{
			background: rgba(74, 125, 244, 0.2) !important;
			color: #2074FF !important;
		}
		/*right*/
		.Home_right_container{
			width: calc(100% - 200px);
			background: #F3F7FA;
		}
		.Home_rightHeader_container{
			height: 61px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			background: #fff;
			padding: 0 24px;
		}
		.Home_rightHeaderNav_container{

		}
		.Home_rightHeaderNav_content{
			display: flex;
		}
		.Home_rightHeaderNav_content li{
			margin: 0 15px;
		}
		.Home_rightHeaderNav_content li a{
			color: #1F2935;
			font-size: 14px;
			
			padding: 20px 0;
			width: 70px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-bottom: 3px solid #fff;
		}
		.Home_rightHeaderNav_content li a:last-child{
			margin-right: 0px;
		}
		.Home_rightHeaderNav_active{
			color: #4A7DF4 !important;
			border-bottom: 3px solid #4A7DF4 !important;
		}
/*		.Home_rightHeaderTime_container{
			display: flex;
			align-items: center;
		}
		.Home_rightHeaderTime_container h4{
			color: #fff;
			font-size: 14px;
			font-weight: bold;
		}
		.Home_rightHeaderTime_container p{
			color: #fff;
			font-size: 14px;
			display: flex;
			align-items: center;
		}
		.Home_rightHeaderTime_container p b{
			color: #FF0000;
			width: 24px;
			height: 24px;
			background: #fff;
			border-radius: 2px;
			display: flex;
			justify-content: center;
			align-items: center;
			margin:0 4px;
			font-weight: 400;
		}*/

		.Home_rightHeaderList_container{
			display: flex;
			align-items: center;
			white-space: nowrap;
		}
		.Home_rightHeaderList_container li{
			display: flex;
			align-items: center;
			margin-right: 33px;
		}
		.Home_rightHeaderList_container li:last-child{
			margin-right: 0;
		}
		.Home_rightHeaderList_container li a{
			display: flex;
			align-items: center;
		}
		.Home_rightHeaderList_container li a img{
			width: 24px;
			height: 24px;
		}
		.Home_rightHeaderList_container li a span{
			color: #1F2935;
			font-size: 14px;
			padding-left: 8px;
		}
		.Home_rightHeaderList_container li a i{
			color: #1F2935;
		}
		.Home_rightMain_container{
			height: calc(100% - 61px);
			overflow-x: hidden;
			overflow-y: hidden;
		}
		.Home_rightMain_container iframe{
			margin: 0;
			padding: 0;
			border: none;
		}
		/*显示二维码*/
		.ShowServiceQrcode{
			position: relative;
		}
		.ShowServiceQrcode img{
			position: absolute;
			bottom: -141px;
			left: -17px;
			width: 120px;
			height: 120px;
			display: none;
		}
		.ShowServiceQrcode:hover img{
			display: block;
		}
		/*公告弹窗 start*/
        .home_Notice_container{
            position: absolute;
            z-index: 9999;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: rgb(0 0 0 / 50%);
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .home_Notice_content{
            width: 40%;
            background: #fff;
            padding:22px 22px 20px 22px;
        }
        .home_NoticeHeader_container{
            position: relative;
        }
        .home_NoticeHeader_container h2{
            font-size: 16px;
            color: #000;
            text-align: center;
            font-weight: 400;
            margin-bottom: 25px;
        }
        .home_NoticeHeader_container svg{
            position: absolute;
            right: 0;
            top: 0;
            width: 22px;
            height: 22px;
            cursor: pointer;
        }
        .home_NoticeMain_container{

        }
        .home_NoticeMain_container p{
            color: #555;
            font-size: 15px;
            margin-bottom: 10px;
        }
        .home_Noticefooter_container{
            display: flex;
            justify-content: flex-end;
        }
        .home_Noticefooter_container span{
            background: #2b9dff;
            color: #fff;
            font-size: 14px;
            padding:5px 15px;
            cursor: pointer;
        }
        /*公告弹窗 end*/

        /*小窗口适配 start*/
        @media screen and (max-width: 1550px) {
        	.Home_rightHeaderNav_content li{
        		margin: 0 4px;
        	}
        	.Home_rightHeaderList_container li{
        		margin-right: 15px;
        	}
        }
        @media screen and (max-width: 1350px){
        	.Home_rightHeaderList_container li {
        	    margin-right: 6px;
        	}
        }
        /*小窗口适配 end*/
	</style>
</head>
<body>
	<div class="Home_container">
		<div class="Home_menu_container">
			<div class="Home_MenuLogo_container">
				<a href="#">
					<img src="<?php echo $user->logo;?>">
				</a>
			</div>
			<ul class="Home_MenuList_container">
				{loop@i $index as $key=>$ind}
					<li class="Home_MenuListLi_container">
						<div class="Home_MenuListFrist_container">
							<div class="Home_MenuListFristLeft_container">
								<!-- <i class="iconfont iconlefticon_menu_white"></i> -->
								<?php if (!$ind['file']){ ?>
									<?php echo $ind['style']; ?>
								<?php } ?> 
								<span>{$ind['name']}</span>
							</div>
							<div class="Home_MenuListFristRight_container">
								<i class="iconfont iconicon_more_down_white" style="display: none;"></i>
								<i class="iconfont iconicon_more_up_white" ></i>
							</div>
						</div>
						<ul class="Home_MenuListSecend_container">
							{loop@j $ind['sub'] as $in}
								<li>
									<a target="myFrameName" href="{if $in['file']=='Addons/QyWechat/Admin/Datas/statistics'}{resolve_admin('Addons/QyWechat/Admin/Datas/statistics-3')}{else}{resolve_admin($in['file'])}{/if}.html" class="{if $i==1}Home_MenuListSecend_active{/if}">{$in['name']}</a>
								</li>
							{/loop}	
						</ul>
					</li>
				{/loop}	
			</ul>
		</div>
		<div class="Home_right_container">
			<div class="Home_rightHeader_container">
				<div class="Home_rightHeaderNav_container">
					<ul class="Home_rightHeaderNav_content">
						{loop@i $index as $key=>$ind}
							<li>
								<a target="myFrameName" href="{if $ind['sub'][0]['file']=='Addons/QyWechat/Admin/Datas/statistics'}{resolve_admin('Addons/QyWechat/Admin/Datas/statistics-3')}{else}{resolve_admin($ind['sub'][0]['file'])}{/if}.html" class="{if $i == 1}Home_rightHeaderNav_active{/if}" data-id="{$i}">{$ind['name']}</a>
							</li>
						{/loop}
					</ul>
				</div>
				<ul class="Home_rightHeaderList_container">
					<li>
						<a href="#">
							<img src="http://weidogstest.oss-cn-beijing.aliyuncs.com/76ee4f3fae01d6760afdd47db95b0334.png">
							<span>欢迎您，{$login_name}</span>
						</a>
					</li>
					<li class="ShowServiceQrcode">
						<a href="#">
							<i class="iconfont iconerji"></i>
							<span>联系客服</span>
						</a>
						<img src="{$kefu->url}">
					</li>
					<li>
						<a href="{$help->url}">
							<i class="iconfont iconquestion-mark"></i>
							<span>帮助中心</span>
						</a>
					</li>
					<li>
						<a href="/">
							<i class="iconfont iconicon_home"></i>
							<span>官网首页</span>
						</a>
					</li>
					<li>
						<a href="/logout.html">
							<i class="iconfont iconicon_out"></i>
							<span>退出</span>
						</a>
					</li>
				</ul>
			</div>
			<div class="Home_rightMain_container">
				<iframe name="myFrameName" src="/Addons/QyWechat/Admin/Datas/statistics-3.html" src="NewStatistics.html" width="100%" height="100%"></iframe>
			</div>
		</div>
	</div>
	<input type="hidden" value="{$content}" id="hide">
	<!-- 公告弹窗 strat -->
	<div class="home_Notice_container" style="display: none;">
	    <div class="home_Notice_content">
	        <div class="home_NoticeHeader_container">
	            <h2>公告</h2>
	            <svg onclick="closeNotice()" t="1603873869361" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3395" width="200" height="200"><path d="M800 832c-8 0-16-3.2-22.4-9.6l-576-576c-12.8-12.8-12.8-32 0-44.8 12.8-12.8 32-12.8 44.8 0l576 576c12.8 12.8 12.8 32 0 44.8-6.4 6.4-14.4 9.6-22.4 9.6z m-576 0c-8 0-16-3.2-22.4-9.6-12.8-12.8-12.8-32 0-44.8l576-576c12.8-12.8 32-12.8 44.8 0 12.8 12.8 12.8 32 0 44.8l-576 576C240 828.8 232 832 224 832z" p-id="3396" fill="#bfbfbf"></path></svg>
	        </div>
	        <div class="home_NoticeMain_container">
	            <p>{$content}</p>
	        </div>
	        <div class="home_Noticefooter_container">
	            <span onclick="closeNotice()">我知道了</span>
	        </div>
	    </div>
	</div>
	<!-- 公告弹窗 end -->
	<script src="/cdn/jquery.min.js"></script>
	<script type="text/javascript">
		$('.Home_rightHeaderNav_content li a').click(function(){
			let id = $(this).attr('data-id');
			$('.Home_rightHeaderNav_content li a').removeClass('Home_rightHeaderNav_active');
			$('.Home_MenuListSecend_container li a').removeClass('Home_MenuListSecend_active');
			$('.Home_MenuListFristRight_container .iconicon_more_up_white').hide();
			$('.Home_MenuListFristRight_container .iconicon_more_down_white').show();
			$(this).addClass('Home_rightHeaderNav_active');
			$('.Home_MenuListSecend_container').hide();
			$(".Home_MenuList_container .Home_MenuListLi_container:nth-of-type("+id+") .Home_MenuListFrist_container .Home_MenuListFristRight_container .iconicon_more_down_white").hide();
			$(".Home_MenuList_container .Home_MenuListLi_container:nth-of-type("+id+") .Home_MenuListFrist_container .Home_MenuListFristRight_container .iconicon_more_up_white").show();
			$(".Home_MenuList_container .Home_MenuListLi_container:nth-of-type("+id+") .Home_MenuListSecend_container").show();
			$(".Home_MenuList_container .Home_MenuListLi_container:nth-of-type("+id+") .Home_MenuListSecend_container li:nth-of-type(1) a").addClass('Home_MenuListSecend_active');
		})
	</script>
	<script type="text/javascript">
		$('.Home_MenuListFrist_container').click(function(){
			$(this).next().toggle();
			$('.Home_rightHeaderNav_content li a').removeClass('Home_rightHeaderNav_active');
			if($(this).next().css('display') == 'block'){
				$(this).find('.Home_MenuListFristRight_container .iconicon_more_down_white').hide();
				$(this).find('.Home_MenuListFristRight_container .iconicon_more_up_white').show();
			}else if($(this).next().css('display') == 'none'){
				$(this).find('.Home_MenuListFristRight_container .iconicon_more_up_white').hide();
				$(this).find('.Home_MenuListFristRight_container .iconicon_more_down_white').show();
			}
		})
		$('.Home_MenuListSecend_container li a').click(function(){
			$('.Home_MenuListSecend_container li a').removeClass('Home_MenuListSecend_active');
			$('.Home_rightHeaderNav_content li a').removeClass('Home_rightHeaderNav_active');
			$(this).addClass('Home_MenuListSecend_active');
		})
	</script>
	<script>
		if($("#hide").val()){
             $('.home_Notice_container').show();  
        }
		// 公告弹窗 关闭弹窗
		function closeNotice() {
		    $('.home_Notice_container').hide();
		}
	</script>
</body>
</html>